<!DOCTYPE html>
<html>

<head>
    <title>北京</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/swiper.css">
    <link rel="stylesheet" type="text/css" href="css/animate.min.css">
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="shortcut icon" href="favicon.ico" type="imge/x-icon">
    <style type="text/css">
        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }
        
        #banner {
            height: 630px;
        }
        
        .swiper-container {
            width: 100%;
            height: 632px;
        }
        
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        
        .n {
            width: 70%;
            float: right;
            padding-bottom: 40px;
        }
        
        .m {
            float: left;
            width: 30%;
            padding-bottom: 40px;
        }
        
        .mn {
            height: 1400px;
        }
        
        .text_gong {
            text-align: center;
            font-size: 25px;
        }
        
        .text_gu {
            font-size: 20px;
        }
        
        .light {
            padding-top: 50px;
        }
    </style>
</head>

<body>
    <!-- 页面的顶部 -->
    <div id="top">
        <div class="container"></div>
    </div>
    <!-- 页面的头部 -->
    <div id="header">
        <div class="container">
            <div class="header_left left">
                <div class="xlwb"></div>
                <div class="txwb"></div>
                <div class="tel">4001-666-888</div>
            </div>
            <ul class="right">
                <li><a href="#">北京</a></li>
                <li><a href="#">旅游</a></li>
                <li><a href="#">攻略分享</a></li>
                <li><a href="#">帮助中心</a></li>
                <li class="shop_car"><span></span><a href="#">我的查看</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的导航 -->
    <div id="nav">
        <div class="container">
            <div class="logo left">
                <img src="img/logo.jpg" width="100px" height="100px">
            </div>
            <ul class="right">
                <li><a href="index.html">首页</a></li>
                <li><a href="#">旅游攻略</a></li>
                <li><a href="#">机票火车票</a></li>
                <li><a href="#">订酒店</a></li>
                <li><a href="#">社区</a></li>
            </ul>
        </div>
    </div>
    <!-- 页面的banner部分 -->
    <div id="banner">
        <!-- <div class="container"></div> -->
        <div class="swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide"><img src="img/beijing.jpg" width="100%;" height="630"></div>
            </div>
            <!-- Add Pagination -->
            <div class="swiper-pagination"></div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>
        <div class="banner-nav-bg"></div>
    </div>
    <!-- 页面的部分 -->
    <div> sfs
        <div class="ztb">
            <h1 class="curry">北京——神圣的土地</h1>
        </div>
    </div>
    <div id="star">
        <div class="container">
            <div class="star_top">
            </div>
            <ul>
                <li>
                    <div>
                        <img src="img/bj01.jpg">
                    </div>
                    <h2>N1</h2>
                    <p class="money">北京故宫</p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/bj02.jpg">
                    </div>
                    <h2>N2</h2>
                    <p class="money">北京长城<span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/bj03.jpg">
                    </div>
                    <h2>N3</h2>

                    <p class="money">北京水立方<span></span></p>
                </li>
                <li class="line"></li>
                <li>
                    <div>
                        <img src="img/bj04.jpg">
                    </div>
                    <h2>N4</h2>

                    <p class="money">北京圆明园<span></span></p>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的精选部分 -->
    <div class="mn">
        <ul>
            <li>

                <div class="n">
                    <h1 class="text_gong">1.故宫</h1>
                    <p class="text_gu">北京故宫是中国明清两代的皇家宫殿，旧称紫禁城，位于北京中轴线的中心。北京故宫以三大殿为中心，占地面积72万平方米，建筑面积约15万平方米，有大小宫殿七十多座，房屋九千余间。 北京故宫于明成祖永乐四年（1406年）开始建设，以南京故宫为蓝本营建，到永乐十八年（1420年）建成。它是一座长方形城池，南北长961米，东西宽753米，四面围有高10米的城墙，城外有宽52米的护城河。紫禁城内的建筑分为外朝和内廷两部分。外朝的中心为太和殿、中和殿、保和殿，统称三大殿，是国家举行大典礼的地方。内廷的中心是乾清宫、交泰殿、坤宁宫，统称后三宫，是皇帝和皇后居住的正宫。
                        北京故宫是世界上现存规模最大、保存最为完整的木质结构古建筑之一，是国家AAAAA级旅游景区，1961年被列为第一批全国重点文物保护单位；1987年被列为世界文化遗产。北京故宫由明朝皇帝朱棣始建，设计者为蒯祥（1397-1481年，字廷瑞，苏州人）。占地72万平方米（长961米，宽753米），建筑面积约15万平方米，占地面积72万平方米，用100万民工，共建了14年，有房屋9999间半，实际据1973年专家现场测量故宫有大小院落90多座，房屋有980座，共计8707间（注：此“间”并非现今房间之概念，而是指四根房柱所形成的空间）。
                    </p>
                </div>
                <div class="m">
                    <img src="img/bj0101.jpg" width="450" height="300">
                </div>

            </li>
            <li>
                <div class="n">
                    <h1 class="text_gong">2.长城</h1>
                    <p class="text_gu">长城（The Great Wall），又称万里长城，是中国古代的军事防御工事，是一道高大、坚固而且连绵不断的长垣，用以限隔敌骑的行动。长城不是一道单纯孤立的城墙，而是以城墙为主体，同大量的城、障、亭、标相结合的防御体系。 长城修筑的历史可上溯到西周时期，发生在首都镐京（今陕西西安）的著名典故“烽火戏诸侯”就源于此。春秋战国时期列国争霸，互相防守，长城修筑进入第一个高潮，但此时修筑的长度都比较短。秦灭六国统一天下后，秦始皇连接和修缮战国长城，始有万里长城之称
                        明朝是最后一个大修长城的朝代，今天人们所看到的长城多是此时修筑。长城资源主要分布在河北、北京、天津、山西、陕西、甘肃、内蒙古、黑龙江、吉林、辽宁、山东、河南、青海、宁夏、新疆等15个省区市。其中河北省境内长度2000多千米，陕西省境内长度1838千米 。根据文物和测绘部门的全国性长城资源调查结果，明长城总长度为8851.8千米，秦汉及早期长城超过1万千米，总长超过2.1万千米。1961年3月4日，长城被国务院公布为第一批全国重点文物保护单位 1987年12月，长城被列入世界文化遗产,长城不仅是中国也是世界上修建时间最长、工程量最大的一项古代防御工程，自西周时期开始，延续不断修筑了2000多年，分布于中国北部和中部的广大土地上。
                    </p>
                </div>
                <div class="m">
                    <img src="img/bj0102.jpg" width="450" height="300">
                </div>
            </li>
            <li>
                <div class="n">
                    <h1 class="text_gong">2.水立方</h1>
                    <p class="text_gu">国家游泳中心又被称为“水立方”（Water Cube），位于北京奥林匹克公园内，是北京为2008年夏季奥运会修建的主游泳馆，也是2008年北京奥运会标志性建筑物之一。它的设计方案，是经全球设计竞赛产生的“水的立方”方案。2003年12月24开工，在2008年1月28日竣工。其与国家体育场（俗称鸟巢）分列于北京城市中轴线北端的两侧，共同形成相对完整的北京历史文化名城形象。国家游泳中心的设计方案，是经全球设计竞赛产生的“水的立方”（[H2O]3）方案。该方案由中国建筑工程总公司、澳大利亚PTW建筑师事务所、ARUP澳大利亚有限公司联合设计。设计体现出[H2O]3（水立方）的设计理念，融建筑设计与结构设计于一体，设计新颖，结构独特，与国家体育场比较协调，功能上完全满足2008年奥运会赛事要求，而且易于赛后运营。国家游泳中心由北京市国有资产经营公司负责建设、管理和运营，于2003年年底开工，2007年底前完工并投入试运行，接受国际游泳联合会和国际奥林匹克运动委员会的检查和验收。
                        “水立方”是北京奥运会国家游泳中心，它的膜结构是世界之最。它是根据细胞排列形式和肥皂泡天然结构设计而成的，这种形态在建筑结构中从来没有出现过，创意十分奇特。“水立方”的墙面和屋顶都分内外三层，设计人员利用三维坐标设计了3万多个钢质构件，这三万多个钢质构件在位置上没有一个是相同的。这些技术都是我国自主创新的科技成果，他们填补了世界建筑史的空白。

                    </p>
                </div>
                <div class="m">
                    <img src="img/bj0103.jpg" width="450" height="300">
                </div>
            </li>
            <li>
                <div class="n">
                    <h1 class="text_gong">2.圆明园</h1>
                    <p class="text_gu">圆明园是清代大型皇家园林，它坐落在北京西北郊，由圆明园、长春园和绮春园组成，所以也叫圆明三园。圆明园占地面积3.5平方千米，建筑面积达16万平方米，一百五十余景，有“万园之园”之称。清帝每到盛夏就来到这里避暑、听政，处理军政事务，因此也称“夏宫”。 圆明园始建于1707年（康熙四十六年），最初是康熙帝给皇四子胤禛的赐园，康熙为之题匾“圆明园”，“圆明”为雍正法号。1722年雍正即位以后，拓展原赐园，并在园南增建了正大光明殿和勤政殿以及内阁、六部、军机处诸多值房，欲以夏季在此“避喧听政”。
                        圆明园的格局基本形成。嘉庆朝，主要对绮春园（万春园）进行修缮和拓建，使之成为主要园居场所之一。道光帝时，国事日衰，财力不足，但宁撤万寿、香山、玉泉“三山”的陈设，罢热河避暑与木兰狩猎，仍不放弃圆明三园的改建和装饰。1860年10月6日英法联军洗劫圆明园，抢掠文物，焚烧，同治帝时欲修复，后因财政困难，被迫停止，改建其他建筑。八国联军之后，又遭到匪盗的打击，终变成一片废墟。圆明园在清室150余年的创建和经营下，曾以其宏大的地域规模、杰出的营造技艺、精美的建筑景群、丰富的文化收藏和博大精深的民族文化内涵而享誉于世，被誉为“一切造园艺术的典范”，被法国作家维克多·雨果称誉为“理想与艺术的典范”。

                    </p>
                </div>
                <div class="m">
                    <img src="img/bj0104.jpg" width="450" height="300">
                </div>
            </li>
        </ul>
    </div>



    <!-- 页面的服务部分 -->
    <div id="serve">
        <div class="container">
            <ul>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt></dt>
                        <dd class="dd1">正规保障</dd>
                        <dd class="dd2">所以的线路都是认真筛选的</dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的服务部分 -->
    <div id="after_sale">
        <div class="container">
            <ul>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><span class="xl"></span><a href="#">新浪微博</a></li>
                        <li><span class="xl"></span><a href="#">腾讯微博</a></li>
                        <li><span class="xl"></span><a href="#">人人网</a></li>
                        <li><span class="xl"></span><a href="#">QQ空间</a></li>
                    </ol>
                </li>
                <li>
                    <ol>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">关于霞客</a></li>
                        <li><a href="#">新闻中心</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ol>
                </li>
            </ul>
        </div>
    </div>
    <!-- 页面的底部 -->
    <div id="footer">
        <div class="container">
            <p>

                <span>@2020 南昌市xxxxxxx</span>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
                <a href="#">版权说明</a>
            </p>
        </div>
    </div>


</body>

</html>